<template>
  <div>
    <mc-vue-js-barcode v-model="input" :width="2" :height="240"></mc-vue-js-barcode>
    <mc-vue-js-barcode v-model="input2"></mc-vue-js-barcode>
    <mc-vue-js-qrcode v-model="input3" :width="width"></mc-vue-js-qrcode>
    <el-button @click="print">打印</el-button>
    <el-button @click="change">改变</el-button>
  </div>
</template>

<script>
  import McVueJsBarcode from "./components/McVueJsBarcode"
  import McVueJsQrcode from "./components/McVueJsQrcode.vue";
  export default {
    data(){
      return {
        input:"12345222",
        input2:"fsdf",
        input3:"val3",
        width:300
      }
    },
    components:{
      McVueJsQrcode,
      McVueJsBarcode
    },
    methods:{
      print(){
        console.log(this.input)
      },
      change(){
        //this.form.userName = false;
        this.width = 100;
        this.input3 = "456fffffffffffffffffffffff";
        this.input3 = "456fffffffffffffffffffffff";
      }
    }
  }
</script>

<style>

</style>
